//验证码
$(function () {


    $(".f1").html(randomCode(4))
    $(".ms2").on("click", function () {
        // console.log($('.p3 .sp5'))
        $(".f1").html(randomCode(4));

    });
})
function randomNumber(n, m) {
    var max = n > m ? n : m;
    var min = n < m ? n : m;
    return parseInt(Math.random() * (max - min + 1)) + min;
}
function randomCode(n) {
    var str = '';
    while (n--) {
        if (Math.random() > 0.5) {
            str += randomNumber(0, 9);
        } else {
            str += String.fromCharCode(randomNumber(65, 90))
        }
    }
    return str
}
randomCode(4)


//注册
$(function(){
    // 正则
    // 用户名
    var flag=false;
    
    var nameReg= /^[a-z]\w{4,17}\d$/i;
    $(".inp1").on("input",function(){
    if(nameReg.test($(".inp1").val())){
        $(".msg1").html("用户名合法").css("color","green");
        flag=true;
       
    }else{
        $(".msg1").html("用户名不合法").css("color","red")
        flag=false;
    }
    })
    //密码
    var pwdReg=/^\w{6,18}$/i;
    $(".inp2").on("input",function(){
        if(pwdReg.test($(".inp2").val())){
            $(".msg2").html("密码合法").css('color','green');
            flag=true;
        }else{
            $(".msg2").html("密码不合法").css("color","red")
            flag=false;
        }
    })
    //验证码
    $(".inp3").on("input",function(){
        if($(".inp3").val() ==  $(".f1").html()){
            $(".msg3").html("验证码正确").css("color","green");
            flag=true;
        }else{
            $(".msg3").html("验证码错误").css("color","red");
            flag=false;
        }
    })
    

   $("form").on("submit",function(){
     if(!flag){
        return false;
     }
      var obj={
          uname:$(".inp1").val(),
          upwd:$(".inp2").val(),
      }
       $.ajax({
           url:"/api/register",
           data:obj,
           type:"post",
         
       }).then(function(res){
           if(res.status == 1){
               layer.msg("注册成功",{
                   icon:6
               });
              setTimeout(function(){
                window.location="login.html";
              },1000);
           }else{
               layer.msg("注册失败",{
                   icon:5
               });
           }
       })
       $(".inp1").val("");
       $(".inp2").val("");
       $(".inp3").val("");
       $(".msg1").html("");
       $(".msg2").html("");
       $(".msg3").html("");
       return false
   })
  
})
